<?php /*a:8:{s:83:"D:\English\XAMPP-PHP5\htdocs\tp5\application\index\view\index\gonggantu_public.html";i:1587116493;s:67:"D:\English\XAMPP-PHP5\htdocs\tp5\application\index\view\layout.html";i:1589200042;s:74:"D:\English\XAMPP-PHP5\htdocs\tp5\application\index\view\public\header.html";i:1589556016;s:90:"D:\English\XAMPP-PHP5\htdocs\tp5\application\index\view\index\canvas_structure_public.html";i:1587116493;s:89:"D:\English\XAMPP-PHP5\htdocs\tp5\application\index\view\index\canvas_template_public.html";i:1587116493;s:88:"D:\English\XAMPP-PHP5\htdocs\tp5\application\index\view\index\favor_system_template.html";i:1587116493;s:73:"D:\English\XAMPP-PHP5\htdocs\tp5\application\index\view\public\float.html";i:1587203341;s:74:"D:\English\XAMPP-PHP5\htdocs\tp5\application\index\view\public\footer.html";i:1588948031;}*/ ?>
<div>
    <div class="my_container">
        <!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title></title>

    <link rel="stylesheet" type="text/css" href="http://localhost/tp5/public/CSS/homePage.css" />
    <link rel="stylesheet" type="text/css" href="http://localhost/tp5/public/CSS/tooltip.css" />
    <script src="https://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/vue@2.6.10/dist/vue.js"></script>
    <link rel="stylesheet" href="https://unpkg.com/element-ui@2.12.0/lib/theme-chalk/index.css">
    <script src="https://unpkg.com/element-ui@2.12.0/lib/index.js"></script>
    <script src="https://cdn.staticfile.org/axios/0.18.0/axios.min.js"></script>
    <script type="text/javascript" src="https://cdn.bootcss.com/qs/6.5.1/qs.min.js"></script>


</head>

<body>
    <div class="top">
        <div class="name">
            <a style="text-decoration: none;" href="<?php echo url('index/getHomePage'); ?>">
                <img src="http://localhost/tp5/public/img/header/logo.png" style="width:8em">
                <!--火花设计思维分享-->
            </a>
        </div>
        <?php if(!isset($_COOKIE['user'])): ?>
        <div class="login" style="margin-left: 50%;"><a href="<?php echo url('index/login'); ?>" style="font-size: 20px;">登录</a></div>
        <div class="register"><a href="<?php echo url('index/register'); ?>" style="font-size: 20px;">注册</a></div>

        <?php else: ?>

        <!--添加成员的消息通知-->
        <div onclick="window.location.href='<?php echo url('index/showPrjMemRequests'); ?>'" class="request_banner" style="display: none;"></div>


        <div class="login"><a id="header_projects" href="<?php echo url('index/getProjects',array('userId'=>$_COOKIE['user'])); ?>" style="font-size: 20px;">项目小组</a></div>


        <div class="register"><a id="header_methods" href="<?php echo url('index/getDesignMethods'); ?>" style="font-size: 20px;">设计方法</a></div>
        <div class="register"><a id="header_cases" href="<?php echo url('index/getPublicCanvasLists'); ?>" style="font-size: 20px;">创意社区</a></div>
        <div class="register"><a id="header_ques" href="<?php echo url('index/getSingleQuesBank'); ?>" style="font-size: 20px;">题库练习</a></div>


        <div class="welcome_banner" style="z-index:105;" onmouseover="$('#logout').show()" onmouseout="$('#logout').hide()">
            <svg style="margin-left:65px;" t="1573030732563" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2246" width="40" height="40">
                <path d="M512 950.857143c241.371429 0 438.857143-197.485714 438.857143-438.857143s-197.485714-438.857143-438.857143-438.857143-438.857143 197.485714-438.857143 438.857143 197.485714 438.857143 438.857143 438.857143z m0 73.142857c-285.257143 0-512-226.742857-512-512s226.742857-512 512-512 512 226.742857 512 512-226.742857 512-512 512z" fill="#e45440" p-id="2247">

                </path>
                <text x="50%" y="65%" style="fill:#e45440;font-size:550px;text-anchor: middle;">
                    <?php echo iconv_substr($_COOKIE['username'],0,1); ?>
                </text>
            </svg>


            <div id="logout">
                <div class="logout_top">
                    <text class="logout_user"><?php echo htmlentities($_COOKIE['username']); ?></text>
                    <br>
                    <text class="logout_id">ID: <?php echo htmlentities($_COOKIE['user']); ?></text>
                </div>

                <div class="logout_option">
                    <a href="<?php echo url('index/showPrjMemRequests'); ?>">我的消息</a>
                </div>

                <div class="logout_option">
                    <a href="<?php echo url('index/logout'); ?>">登出</a>
                </div>

                <div style="height: 6px;width: 100%;border-radius: 4px;"></div>
            </div>

            <svg style="float: right;margin-right: 30px;" t="1573118997341" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2175" width="15" height="40"><path d="M972.838375 233.161725c15.319322 15.477939 27.804007 28.100774 43.005646 43.46103-167.688762 171.229501-334.75329 341.814301-503.593304 514.220637C343.610253 619.265957 176.069875 448.809074 8.155979 277.978674c15.140239-13.528486 28.904092-25.828971 36.456303-32.582981C102.486983 299.970139 164.429441 355.920971 223.562844 414.706441c90.002299 89.475281 178.423545 180.552081 266.599191 271.833548 16.09194 16.659891 25.511737 17.96976 42.483746 0.450267 139.874522-144.366961 280.757028-287.756638 421.235317-431.540299C960.33834 248.844331 965.900165 241.36887 972.838375 233.161725z" p-id="2176"></path></svg>

        </div>
        <?php endif; ?>
    </div>
    <!--
<?php if(!isset($_COOKIE['user'])): ?>
<a href="<?php echo url('index/login'); ?>">登录</a>
<?php else: ?><a href="<?php echo url('index/logout'); ?>">登出</a>
<a href="<?php echo url('index/getProjects',array('userId'=>$_COOKIE['user'])); ?>">项目</a>
<?php endif; ?>-->

    <script>
        $.ajax({
            type: "GET",
            url: "http://localhost/tp5/public/index.php/index/index/getPrjMemRequests",
            data: {},
            xhrFields: {
                withCredentials: true
            },
            //crossDomain: true,
            success: function(result) {
                if (result != null && (result.request_list.length > 0 || result.reject_list.length > 0)) {
                    $(".request_banner").show();
                    $(".request_banner").html("<a style='cursor: pointer;'>-您有" + (result.request_list.length + result.reject_list.length) + "条消息-</a>");
                }
            }
        });

        /*$.get('http://localhost/tp5/public/index.php/index/index/getPrjMemRequests',{},function (result) {
            if(result != null && ( result.request_list.length > 0 || result.reject_list.length > 0) ) {
                $(".request_banner").show();
                $(".request_banner").html("<a>-您有" + ( result.request_list.length + result.reject_list.length ) + "条消息-</a>");
            }
            //$(".request_banner").load(location.href + " .request_banner");
        });*/
    </script>
</body>

</html> <link rel="stylesheet" type="text/css" href="http://localhost/tp5/public/CSS/gonggantu.css" />
<link rel="stylesheet" type="text/css" href="http://localhost/tp5/public/CSS/float_window.css" />
<link rel="stylesheet" type="text/css" href="http://localhost/tp5/public/CSS/bootcssButtons.css" />

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title></title>
    <script src="https://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script>
    <script src="http://localhost/tp5/public/JS/html2canvas.js"></script>
    <link href="http://localhost/tp5/public/CSS/toastr.css" rel="stylesheet"/>
    <link href="http://localhost/tp5/public/CSS/cover_layer.css" rel="stylesheet"/>
    <link href="http://localhost/tp5/public/CSS/general.css" rel="stylesheet"/>
    <script src="http://localhost/tp5/public/JS/toastr.js"></script>
    <script src="http://localhost/tp5/public/JS/cookie_operation.js"></script>



</head>
<body>


<?php if(isset($_COOKIE['user'])): ?>



<div id="work_top_window" style="position:absolute;width:100%;height:90px;background-color: rgb(246,246,246);">
    <!--项目名称part-->
    <div style="float: left;">
        <div onclick="location.href='<?php echo url('index/getPublicCanvasLists'); ?>'" style="cursor:pointer;font-size: 28px;margin-left: 20px; ">
            <img style="width:24px;height: 24px;" src="http://localhost/tp5/public/img/return.png">
            <text>小组:<?php echo htmlentities($prjInfo['prj_name']); ?></text></div>
    </div>

</div>



<div id="wholeCanvas" style="margin-top:60px;"><!--closing tag在business_canvas等3个单独的html里写-->

<div style="margin-bottom: 30px;margin-left: 220px;font-size: 20px;font-style: italic;">请选择你认为有价值的idea进行点赞~</div>



    <?php endif; ?>

    <script>
        $('#header_cases').css('border-bottom','solid 2px #000000');
        $('#header_cases').css('font-weight','bold');


        //记录打开页面的时间
        window.onload = function () {
            $.ajax({
                type: "POST",
                url: "http://localhost/tp5/public/index.php/index/index/addUserHistory",
                data: {
                    userId: "<?php echo htmlentities($_COOKIE['user']); ?>",
                    bh_type: "open_public",
                    toolId: '<?php echo htmlentities($toolId); ?>'
                },
                success: function (result) {
                    //console.log(result);
                }
            })
        };



        //关闭页面的时间
        window.onunload = function () {
            $.ajax({
                type: "POST",
                url: "http://localhost/tp5/public/index.php/index/index/addUserHistory",
                data: {
                    userId: "<?php echo htmlentities($_COOKIE['user']); ?>",
                    bh_type: "close_public",
                    toolId: '<?php echo htmlentities($toolId); ?>'
                },
                success: function (result) {
                    //console.log(result);
                }
            })
        };



        //画布的  信息上边栏  随滚动条移动自动到达屏幕顶端
        var _box_y = $("#work_top_window").offset().top;
        $(window).scroll(function(){
            if($(window).scrollTop() > _box_y){
                $("#work_top_window").css("top",$(window).scrollTop()+"px");
                $("#work_top_window").css("z-index",99);
            }else{
                $("#work_top_window").css("top",_box_y);
            }
        });





        function favorColorSelection(recordId, likeCount,dislikeCount) {
            $.ajax({
                type: "POST",
                url: "http://localhost/tp5/public/index.php/index/index/getLikeRelativeColor",
                data: {
                    likeCount:likeCount,
                    dislikeCount:dislikeCount,
                    threshold: 5
                },
                success: function (result) {
                    //console.log(result);
                    $('#like_color_' + recordId).css('background-color',result);
                }
            })
        }


        function likeSelection(ele, recordId) {

            if($(ele).attr('alt') == 'like_before' && $(ele).siblings('.dislike_selection').attr('alt') == 'dislike_before'){
                likeOrDislikeRecord(recordId,'<?php echo htmlentities($_COOKIE['user']); ?>', 'like');
                $(ele).attr('alt','like_after');
                $(ele).attr('src','http://localhost/tp5/public/img/like_after.png');

                var like_count = $(ele).siblings('.like_count').text();

                var new_like_count = '(' + (parseInt(like_count.substring(1,like_count.length - 1)) + 1) + ')';
                $(ele).siblings('.like_count').html(new_like_count);


                //即时更改颜色
                var dislike_count = $(ele).siblings('.dislike_count').text();
                favorColorSelection(recordId, parseInt(new_like_count.substring(1,new_like_count.length - 1)), parseInt(dislike_count.substring(1,dislike_count.length - 1)));
            }else if($(ele).attr('alt') == 'like_after'){
                cancelLikeOrDislikeRecord(recordId,'<?php echo htmlentities($_COOKIE['user']); ?>', 'like');
                $(ele).attr('alt','like_before');
                $(ele).attr('src','http://localhost/tp5/public/img/like_before.png');

                var like_count = $(ele).siblings('.like_count').text();

                var new_like_count = '(' + (parseInt(like_count.substring(1,like_count.length - 1)) - 1) + ')';
                $(ele).siblings('.like_count').html(new_like_count);


                //即时更改颜色
                var dislike_count = $(ele).siblings('.dislike_count').text();
                favorColorSelection(recordId, parseInt(new_like_count.substring(1,new_like_count.length - 1)), parseInt(dislike_count.substring(1,dislike_count.length - 1)));

            }
        }

        function dislikeSelection(ele, recordId) {
            if($(ele).attr('alt') == 'dislike_before' && $(ele).siblings('.like_selection').attr('alt') == 'like_before'){
                likeOrDislikeRecord(recordId,'<?php echo htmlentities($_COOKIE['user']); ?>', 'dislike');
                $(ele).attr('alt','dislike_after');
                $(ele).attr('src','http://localhost/tp5/public/img/dislike_after.png');

                var dislike_count = $(ele).siblings('.dislike_count').text();

                var new_dislike_count = '(' + (parseInt(dislike_count.substring(1,dislike_count.length - 1)) + 1) + ')';
                $(ele).siblings('.dislike_count').html(new_dislike_count);


                //即时更改颜色
                var like_count = $(ele).siblings('.like_count').text();
                favorColorSelection(recordId, parseInt(like_count.substring(1,like_count.length - 1)), parseInt(new_dislike_count.substring(1,new_dislike_count.length - 1)));

            }else if($(ele).attr('alt') == 'dislike_after'){
                cancelLikeOrDislikeRecord(recordId,'<?php echo htmlentities($_COOKIE['user']); ?>', 'dislike');
                $(ele).attr('alt','dislike_before');
                $(ele).attr('src','http://localhost/tp5/public/img/dislike_before.png');

                var dislike_count = $(ele).siblings('.dislike_count').text();

                var new_dislike_count = '(' + (parseInt(dislike_count.substring(1,dislike_count.length - 1)) - 1) + ')';
                $(ele).siblings('.dislike_count').html(new_dislike_count);


                //即时更改颜色
                var like_count = $(ele).siblings('.like_count').text();
                favorColorSelection(recordId, parseInt(like_count.substring(1,like_count.length - 1)), parseInt(new_dislike_count.substring(1,new_dislike_count.length - 1)));

            }
        }


        function likeOrDislikeRecord(recordId, userId, type) {
            $.ajax({
                type: "POST",
                url: "http://localhost/tp5/public/index.php/index/index/likeOrDislikeRecord",
                data: {
                    recordId: recordId,
                    userId: userId,
                    like_or_dislike: type
                },
                success: function (result) {
                    //console.log(result);
                    //window.location.reload();

                }
            })
        }

        function cancelLikeOrDislikeRecord(recordId, userId, type) {
            $.ajax({
                type: "POST",
                url: "http://localhost/tp5/public/index.php/index/index/cancelLikeOrDislikeRecord",
                data: {
                    recordId: recordId,
                    userId: userId,
                    like_or_dislike: type
                },
                success: function (result) {
                    //console.log(result);
                    //window.location.reload();

                }
            })
        }


        /**
         * 文本框根据输入内容自适应高度
         * @param                {HTMLElement}        输入框元素
         * @param                {Number}                设置光标与输入框保持的距离(默认0)
         * @param                {Number}                设置最大高度(可选)
         */
        var autoTextarea = function (elem, extra, maxHeight) {
            extra = extra || 0;
            var isFirefox = !!document.getBoxObjectFor || 'mozInnerScreenX' in window,
                isOpera = !!window.opera && !!window.opera.toString().indexOf('Opera'),
                addEvent = function (type, callback) {
                    elem.addEventListener ?
                        elem.addEventListener(type, callback, false) :
                        elem.attachEvent('on' + type, callback);
                },
                getStyle = elem.currentStyle ? function (name) {
                    var val = elem.currentStyle[name];

                    if (name === 'height' && val.search(/px/i) !== 1) {
                        var rect = elem.getBoundingClientRect();
                        return rect.bottom - rect.top -
                            parseFloat(getStyle('paddingTop')) -
                            parseFloat(getStyle('paddingBottom')) + 'px';
                    };

                    return val;
                } : function (name) {
                    return getComputedStyle(elem, null)[name];
                },
                minHeight = parseFloat(getStyle('height'));

            elem.style.resize = 'none';

            var change = function () {
                var scrollTop, height,
                    padding = 0,
                    style = elem.style;

                if (elem._length === elem.value.length) return;
                elem._length = elem.value.length;

                if (!isFirefox && !isOpera) {
                    padding = parseInt(getStyle('paddingTop')) + parseInt(getStyle('paddingBottom'));
                };
                scrollTop = document.body.scrollTop || document.documentElement.scrollTop;

                elem.style.height = minHeight + 'px';
                if (elem.scrollHeight > minHeight) {
                    if (maxHeight && elem.scrollHeight > maxHeight) {
                        height = maxHeight - padding;
                        style.overflowY = 'auto';
                    } else {
                        height = elem.scrollHeight - padding;
                        style.overflowY = 'hidden';
                    };
                    style.height = height + extra + 'px';
                    scrollTop += parseInt(style.height) - elem.currHeight;
                    document.body.scrollTop = scrollTop;
                    document.documentElement.scrollTop = scrollTop;
                    elem.currHeight = parseInt(style.height);
                };
            };

            addEvent('propertychange', change);
            addEvent('input', change);
            addEvent('focus', change);
            change();
        };


        function canvasScreenShoot() {
            html2canvas(document.querySelector("#wholeCanvas")).then(canvas => {

                $('body').html('<b>在以下画布区域右键“图片另存为”保存图片，重新编辑画布请刷新</b><br/><br/><br/><br/>');
            document.body.appendChild( canvas );

        });
        }




    </script>





<!--目标用户左边浮窗-->
<div id="target_user_window" style="text-align:center;position:fixed;z-index:99;left: 1%;top: 30%;width: 185px;height:185px;border: 3px ridge;background-color: rgba(111,177,223,0.34);">


    <div style="margin-top: 15px;">
        <img id="targetUserImg" src="http://localhost/tp5/public/img/target_user_icon.png" style="width: 117px;height: 117px;">
    </div>
    <div>目标用户：<br>
        <text style="color: red;">*</text>

        <input readonly id="newTargetUser" value="<?php echo htmlentities($targetUser); ?>" maxlength="100" placeholder="(目标用户未定义)" onmouseover="$(this).css('border-bottom','1px solid black')" onmouseout="$(this).css('border-bottom','2px solid transparent')"style="background:inherit;border: none;border-bottom: 2px solid transparent;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;width: 170px;"/>


    </div>
</div>




<div style="width: 100%;text-align: center;font-size: 30px;">
    <div style="width: 130px;position: relative;margin-left: 45%;">
        共感图

        <div class="tooltip" style="width: 24px;height: 24px;position: absolute;top: 0%;left: 100%;">

            <img style="width: 24px;height: 24px;position: absolute;top: 0%;left: 0%;" src="http://localhost/tp5/public/img/explaination.png">

            <span class="tooltiptext" style="text-align:left;font-size: 14px;">用拟人化的方法，帮助我们将注意力集中在用户身上，通过收集大量信息，了解目标用户所想、所听、所见、所说，以此明确用户的痛点和需求点。
            </span>
        </div>

    </div>
</div>



<!--1.所想&所感；2.所听--><!--3.所见；4.所说&所做-->
<div class="table_row_main" style="display:table;min-height:200px;margin-left: 220px;margin-top: 10px;clear: both;">

    <?php if(is_array($types) || $types instanceof \think\Collection || $types instanceof \think\Paginator): $i = 0;$__LIST__ = is_array($types) ? array_slice($types,0,4, true) : $types->slice(0,4, true); if( count($__LIST__)==0 ) : echo "" ;else: foreach($__LIST__ as $key=>$t): $mod = ($i % 2 );++$i;?>

    <div class="typeBlock"  >
        <div class="title">
            <text><?php echo htmlentities($t['type_name']); ?></text>
        </div>


        <div class="msg"  >
            <?php if(is_array($records) || $records instanceof \think\Collection || $records instanceof \think\Paginator): $i = 0; $__LIST__ = $records;if( count($__LIST__)==0 ) : echo "" ;else: foreach($__LIST__ as $key=>$r): $mod = ($i % 2 );++$i;if($r['type_name'] == $t['type_name']): ?>

            <link href="http://localhost/tp5/public/CSS/toastr.css" rel="stylesheet"/>
<script src="http://localhost/tp5/public/JS/toastr.js"></script>
<style>
    .like_selection{
        width: 20px;height: 20px;cursor: pointer;
    }

    .dislike_selection{
        margin-top:30%;width: 20px;height: 20px;cursor: pointer;
    }

    .like_count{
        position: absolute;top: 0%;
    }

    .dislike_count{
        position: absolute;top: 50%;
    }
</style>


<div style="width:-webkit-max-content;float:left;margin:0px 30px 10px 30px;"><!--满足flex布局的元素块-->

    <div style="position: relative;height: 100px;" class="oneMsg">


        <div onclick=" toastr.warning('在公开画布页面不可以修改哦~若修改请进入组内画布页面');"  >
            <textarea disabled  id="record_<?php echo htmlentities($r['id']); ?>" class="record_area"><?php echo htmlentities($r['contents']); ?></textarea>
        </div>

        <!--<div class="username_block" style="position:absolute;top:-10%;/*background: url('http://localhost/tp5/public/img/user_tag.jpg')*/">
            <p >〇&nbsp;<b><?php echo htmlentities($r['usr_name']); ?></b></p>
        </div>-->

        <?php if($prjInfo['tool_type'] == '共感图'): ?>

            <!--点赞、点踩part-->
            <div style="position: absolute;top: 30%;left: 100%;">
            <!--opening tag 在引用本文件的文件里-->

    <?php if(!in_array(($_COOKIE['user']), is_array($r['like'])?$r['like']:explode(',',$r['like']))): if(!in_array(($_COOKIE['user']), is_array($r['dislike'])?$r['dislike']:explode(',',$r['dislike']))): ?>
    <!--点赞img-->
    <img class="like_selection" alt="like_before" src="http://localhost/tp5/public/img/like_before.png"
         onclick="likeSelection(this, '<?php echo htmlentities($r['id']); ?>')"  >
    <br/>
    <!--点踩img-->
    <img class="dislike_selection" alt="dislike_before" src="http://localhost/tp5/public/img/dislike_before.png"
         onclick="dislikeSelection(this, '<?php echo htmlentities($r['id']); ?>')" >
    <?php endif; ?>
    <?php endif; if(in_array(($_COOKIE['user']), is_array($r['like'])?$r['like']:explode(',',$r['like']))): ?>
    <!--点赞img-->
    <img class="like_selection" alt="like_after" src="http://localhost/tp5/public/img/like_after.png"
         onclick="likeSelection(this, '<?php echo htmlentities($r['id']); ?>')"  >

    <br/>
    <!--点踩img-->
    <img class="dislike_selection" alt="dislike_before" src="http://localhost/tp5/public/img/dislike_before.png"
         onclick="dislikeSelection(this, '<?php echo htmlentities($r['id']); ?>')" >
    <?php endif; if(in_array(($_COOKIE['user']), is_array($r['dislike'])?$r['dislike']:explode(',',$r['dislike']))): ?>
    <!--点赞img-->
    <img class="like_selection" alt="like_before" src="http://localhost/tp5/public/img/like_before.png"
         onclick="likeSelection(this, '<?php echo htmlentities($r['id']); ?>')"  >

    <br/>
    <!--点踩img-->
    <img class="dislike_selection" alt="dislike_after" src="http://localhost/tp5/public/img/dislike_after.png"
         onclick="dislikeSelection(this, '<?php echo htmlentities($r['id']); ?>')" >

    <?php endif; ?>


    <text class="like_count" >(<?php echo htmlentities($r['like_count']); ?>)</text>
    <text class="dislike_count" >(<?php echo htmlentities($r['dislike_count']); ?>)</text>
</div>


<!--投票结果色卡part-->
<div id="like_color_<?php echo htmlentities($r['id']); ?>" style="position:absolute;top: 0%;right:2%;height:20%;width:30%;background-color: <?php echo htmlentities($r['like_relative_color']); ?>;"></div>




            <script>
                var recordId = '<?php echo htmlentities($r['id']); ?>';
                $('#record_'+recordId).css('background-color','white');
            </script>
        <?php endif; if($prjInfo['tool_type'] == '四象限法'): if($t['type_name'] == '可行性高(容易开发)&价值高' OR $t['type_name'] == '紧急&重要'): ?>
                <!--点赞、点踩part-->
                <div style="position: absolute;top: 30%;left: 100%;">
                <!--opening tag 在引用本文件的文件里-->

    <?php if(!in_array(($_COOKIE['user']), is_array($r['like'])?$r['like']:explode(',',$r['like']))): if(!in_array(($_COOKIE['user']), is_array($r['dislike'])?$r['dislike']:explode(',',$r['dislike']))): ?>
    <!--点赞img-->
    <img class="like_selection" alt="like_before" src="http://localhost/tp5/public/img/like_before.png"
         onclick="likeSelection(this, '<?php echo htmlentities($r['id']); ?>')"  >
    <br/>
    <!--点踩img-->
    <img class="dislike_selection" alt="dislike_before" src="http://localhost/tp5/public/img/dislike_before.png"
         onclick="dislikeSelection(this, '<?php echo htmlentities($r['id']); ?>')" >
    <?php endif; ?>
    <?php endif; if(in_array(($_COOKIE['user']), is_array($r['like'])?$r['like']:explode(',',$r['like']))): ?>
    <!--点赞img-->
    <img class="like_selection" alt="like_after" src="http://localhost/tp5/public/img/like_after.png"
         onclick="likeSelection(this, '<?php echo htmlentities($r['id']); ?>')"  >

    <br/>
    <!--点踩img-->
    <img class="dislike_selection" alt="dislike_before" src="http://localhost/tp5/public/img/dislike_before.png"
         onclick="dislikeSelection(this, '<?php echo htmlentities($r['id']); ?>')" >
    <?php endif; if(in_array(($_COOKIE['user']), is_array($r['dislike'])?$r['dislike']:explode(',',$r['dislike']))): ?>
    <!--点赞img-->
    <img class="like_selection" alt="like_before" src="http://localhost/tp5/public/img/like_before.png"
         onclick="likeSelection(this, '<?php echo htmlentities($r['id']); ?>')"  >

    <br/>
    <!--点踩img-->
    <img class="dislike_selection" alt="dislike_after" src="http://localhost/tp5/public/img/dislike_after.png"
         onclick="dislikeSelection(this, '<?php echo htmlentities($r['id']); ?>')" >

    <?php endif; ?>


    <text class="like_count" >(<?php echo htmlentities($r['like_count']); ?>)</text>
    <text class="dislike_count" >(<?php echo htmlentities($r['dislike_count']); ?>)</text>
</div>


<!--投票结果色卡part-->
<div id="like_color_<?php echo htmlentities($r['id']); ?>" style="position:absolute;top: 0%;right:2%;height:20%;width:30%;background-color: <?php echo htmlentities($r['like_relative_color']); ?>;"></div>





        <?php else: ?>
        <script>
            var recordId = '<?php echo htmlentities($r['id']); ?>';
            $("#record_" + recordId).css('background-color','#eeeeee');
            $("#record_"+recordId).css('color','#999999');
            $('#record_'+recordId).css('background-image','none');
        </script>
        <?php endif; ?>
        <?php endif; ?>
    </div>


</div>



            <?php endif; ?>
            <?php endforeach; endif; else: echo "" ;endif; ?>
        </div>
    </div>

    <?php endforeach; endif; else: echo "" ;endif; ?>
</div>




<!--附加：痛点；需求点-->
<div id="table_row_extra" style="display:table;min-height:200px;margin-left: 220px;margin-top: 10px;">

    <?php if(is_array($types) || $types instanceof \think\Collection || $types instanceof \think\Paginator): $i = 0;$__LIST__ = is_array($types) ? array_slice($types,4,2, true) : $types->slice(4,2, true); if( count($__LIST__)==0 ) : echo "" ;else: foreach($__LIST__ as $key=>$t): $mod = ($i % 2 );++$i;?>

    <div class="typeBlock"    >
        <div class="title" style="text-align: center;">
            <text><?php echo htmlentities($t['type_name']); ?></text>
        </div>


        <div class="msg" style="width: 663px;" >
            <?php if(is_array($records) || $records instanceof \think\Collection || $records instanceof \think\Paginator): $i = 0; $__LIST__ = $records;if( count($__LIST__)==0 ) : echo "" ;else: foreach($__LIST__ as $key=>$r): $mod = ($i % 2 );++$i;if($r['type_name'] == $t['type_name']): ?>

            <link href="http://localhost/tp5/public/CSS/toastr.css" rel="stylesheet"/>
<script src="http://localhost/tp5/public/JS/toastr.js"></script>
<style>
    .like_selection{
        width: 20px;height: 20px;cursor: pointer;
    }

    .dislike_selection{
        margin-top:30%;width: 20px;height: 20px;cursor: pointer;
    }

    .like_count{
        position: absolute;top: 0%;
    }

    .dislike_count{
        position: absolute;top: 50%;
    }
</style>


<div style="width:-webkit-max-content;float:left;margin:0px 30px 10px 30px;"><!--满足flex布局的元素块-->

    <div style="position: relative;height: 100px;" class="oneMsg">


        <div onclick=" toastr.warning('在公开画布页面不可以修改哦~若修改请进入组内画布页面');"  >
            <textarea disabled  id="record_<?php echo htmlentities($r['id']); ?>" class="record_area"><?php echo htmlentities($r['contents']); ?></textarea>
        </div>

        <!--<div class="username_block" style="position:absolute;top:-10%;/*background: url('http://localhost/tp5/public/img/user_tag.jpg')*/">
            <p >〇&nbsp;<b><?php echo htmlentities($r['usr_name']); ?></b></p>
        </div>-->

        <?php if($prjInfo['tool_type'] == '共感图'): ?>

            <!--点赞、点踩part-->
            <div style="position: absolute;top: 30%;left: 100%;">
            <!--opening tag 在引用本文件的文件里-->

    <?php if(!in_array(($_COOKIE['user']), is_array($r['like'])?$r['like']:explode(',',$r['like']))): if(!in_array(($_COOKIE['user']), is_array($r['dislike'])?$r['dislike']:explode(',',$r['dislike']))): ?>
    <!--点赞img-->
    <img class="like_selection" alt="like_before" src="http://localhost/tp5/public/img/like_before.png"
         onclick="likeSelection(this, '<?php echo htmlentities($r['id']); ?>')"  >
    <br/>
    <!--点踩img-->
    <img class="dislike_selection" alt="dislike_before" src="http://localhost/tp5/public/img/dislike_before.png"
         onclick="dislikeSelection(this, '<?php echo htmlentities($r['id']); ?>')" >
    <?php endif; ?>
    <?php endif; if(in_array(($_COOKIE['user']), is_array($r['like'])?$r['like']:explode(',',$r['like']))): ?>
    <!--点赞img-->
    <img class="like_selection" alt="like_after" src="http://localhost/tp5/public/img/like_after.png"
         onclick="likeSelection(this, '<?php echo htmlentities($r['id']); ?>')"  >

    <br/>
    <!--点踩img-->
    <img class="dislike_selection" alt="dislike_before" src="http://localhost/tp5/public/img/dislike_before.png"
         onclick="dislikeSelection(this, '<?php echo htmlentities($r['id']); ?>')" >
    <?php endif; if(in_array(($_COOKIE['user']), is_array($r['dislike'])?$r['dislike']:explode(',',$r['dislike']))): ?>
    <!--点赞img-->
    <img class="like_selection" alt="like_before" src="http://localhost/tp5/public/img/like_before.png"
         onclick="likeSelection(this, '<?php echo htmlentities($r['id']); ?>')"  >

    <br/>
    <!--点踩img-->
    <img class="dislike_selection" alt="dislike_after" src="http://localhost/tp5/public/img/dislike_after.png"
         onclick="dislikeSelection(this, '<?php echo htmlentities($r['id']); ?>')" >

    <?php endif; ?>


    <text class="like_count" >(<?php echo htmlentities($r['like_count']); ?>)</text>
    <text class="dislike_count" >(<?php echo htmlentities($r['dislike_count']); ?>)</text>
</div>


<!--投票结果色卡part-->
<div id="like_color_<?php echo htmlentities($r['id']); ?>" style="position:absolute;top: 0%;right:2%;height:20%;width:30%;background-color: <?php echo htmlentities($r['like_relative_color']); ?>;"></div>




            <script>
                var recordId = '<?php echo htmlentities($r['id']); ?>';
                $('#record_'+recordId).css('background-color','white');
            </script>
        <?php endif; if($prjInfo['tool_type'] == '四象限法'): if($t['type_name'] == '可行性高(容易开发)&价值高' OR $t['type_name'] == '紧急&重要'): ?>
                <!--点赞、点踩part-->
                <div style="position: absolute;top: 30%;left: 100%;">
                <!--opening tag 在引用本文件的文件里-->

    <?php if(!in_array(($_COOKIE['user']), is_array($r['like'])?$r['like']:explode(',',$r['like']))): if(!in_array(($_COOKIE['user']), is_array($r['dislike'])?$r['dislike']:explode(',',$r['dislike']))): ?>
    <!--点赞img-->
    <img class="like_selection" alt="like_before" src="http://localhost/tp5/public/img/like_before.png"
         onclick="likeSelection(this, '<?php echo htmlentities($r['id']); ?>')"  >
    <br/>
    <!--点踩img-->
    <img class="dislike_selection" alt="dislike_before" src="http://localhost/tp5/public/img/dislike_before.png"
         onclick="dislikeSelection(this, '<?php echo htmlentities($r['id']); ?>')" >
    <?php endif; ?>
    <?php endif; if(in_array(($_COOKIE['user']), is_array($r['like'])?$r['like']:explode(',',$r['like']))): ?>
    <!--点赞img-->
    <img class="like_selection" alt="like_after" src="http://localhost/tp5/public/img/like_after.png"
         onclick="likeSelection(this, '<?php echo htmlentities($r['id']); ?>')"  >

    <br/>
    <!--点踩img-->
    <img class="dislike_selection" alt="dislike_before" src="http://localhost/tp5/public/img/dislike_before.png"
         onclick="dislikeSelection(this, '<?php echo htmlentities($r['id']); ?>')" >
    <?php endif; if(in_array(($_COOKIE['user']), is_array($r['dislike'])?$r['dislike']:explode(',',$r['dislike']))): ?>
    <!--点赞img-->
    <img class="like_selection" alt="like_before" src="http://localhost/tp5/public/img/like_before.png"
         onclick="likeSelection(this, '<?php echo htmlentities($r['id']); ?>')"  >

    <br/>
    <!--点踩img-->
    <img class="dislike_selection" alt="dislike_after" src="http://localhost/tp5/public/img/dislike_after.png"
         onclick="dislikeSelection(this, '<?php echo htmlentities($r['id']); ?>')" >

    <?php endif; ?>


    <text class="like_count" >(<?php echo htmlentities($r['like_count']); ?>)</text>
    <text class="dislike_count" >(<?php echo htmlentities($r['dislike_count']); ?>)</text>
</div>


<!--投票结果色卡part-->
<div id="like_color_<?php echo htmlentities($r['id']); ?>" style="position:absolute;top: 0%;right:2%;height:20%;width:30%;background-color: <?php echo htmlentities($r['like_relative_color']); ?>;"></div>





        <?php else: ?>
        <script>
            var recordId = '<?php echo htmlentities($r['id']); ?>';
            $("#record_" + recordId).css('background-color','#eeeeee');
            $("#record_"+recordId).css('color','#999999');
            $('#record_'+recordId).css('background-image','none');
        </script>
        <?php endif; ?>
        <?php endif; ?>
    </div>


</div>


            <?php endif; ?>
            <?php endforeach; endif; else: echo "" ;endif; ?>
        </div>
    </div>
    <?php endforeach; endif; else: echo "" ;endif; ?>
</div>


</div><!--closing tag for wholeCanvas div-->




<script>

    var allText = $(".record_area");

    for(var i=0; i < allText.length; i++)
        autoTextarea(allText[i]);// 调用


    //生成随机数
    /*var randomNum = Math.floor(Math.random()*6 + 1);
    //console.log(randomNum);
    var targetUserImg = $('#targetUserImg').attr('src');
    var newImgPath = targetUserImg.substring(0,targetUserImg.length - 5) + randomNum + ".jpg";

    //console.log(newImgPath);
    $('#targetUserImg').attr('src',newImgPath);
*/

</script> <head>
    <link rel="stylesheet" type="text/css" href="http://localhost/tp5/public/CSS/float_window.css" />
    <link rel="stylesheet" type="text/css" href="http://localhost/tp5/public/CSS/tools.css" />
    <link href="http://localhost/tp5/public/CSS/toastr.css" rel="stylesheet" />
    <script src="http://localhost/tp5/public/JS/toastr.js"></script>
    <link rel="stylesheet" type="text/css" href="http://localhost/tp5/public/CSS/bootcssButtons.css" />


    <script>
        function sendFeedback(userId) {
            var feedbackInfo = $('#feedbackInfo').val();
            var re = new RegExp("^[ ]+$");

            if (!re.test(feedbackInfo) && feedbackInfo != "" && feedbackInfo != null) {

                $.post("http://localhost/tp5/public/index.php/index/index/addFeedback", {
                    feedbackInfo: $('#feedbackInfo').val(),
                    userId: userId
                }, function() {
                    //显示一个信息没有标题
                    toastr.success('反馈已成功发送，感谢使用~');
                    setTimeout(function() {
                        toastr.clear();
                    }, 2000);
                });
            } else {
                toastr.error('反馈不能为空~');
                setTimeout(function() {
                    toastr.clear();
                }, 2000);
            }
        }

        function showFeedback() {
            $('#showdiv_F').show(); //显示弹窗
            $('#cover_F').css('display', 'block'); //显示遮罩层
            $('#cover_F').css('height', '100%'); //设置遮罩层的高度为当前页面高度
        }

        // 关闭弹窗
        function closeFeedback() {
            $('#showdiv_F').hide(); //隐藏弹窗
            $('#cover_F').css('display', 'none'); //隐藏遮罩层
        }
    </script>
</head>

<body>

    <!--<div style="height:1000px;"></div>-->

    <div class="guide">
        <div class="guide-wrap">
            <!--<a href="#" class="edit" title="发新帖"><span>发新帖</span></a>
        <a href="#" class="find" title="找论坛"><span>找论坛</span></a>-->
            <?php if(isset($_COOKIE['user'])): ?>
            <a href="javascript:showFeedback()" class="report" title="反馈"><span>反馈</span></a> <?php endif; ?>
            <a href="javascript:window.scrollTo(0,0)" class="top" title="回顶部"><span>回顶部</span></a>
        </div>
    </div>



    <?php if(isset($_COOKIE['user'])): ?>

    <!--以下为添加反馈时的弹窗相关-->
    <!-- 遮罩层 -->
    <div id="cover_F" class="cover"></div>
    <!-- 弹窗 -->
    <div id="showdiv_F" class="showdiv" style="height: 250px;">
        <!-- 标题 -->
        <div class="showdiv_title">
            意见和反馈
        </div>
        <!-- 内容 -->
        <div class="showdiv_prompt">
            请留下您的宝贵意见或反馈：

            <div>
                <textarea required id="feedbackInfo" style="height: 100px;width: 400px;margin-top: 20px;"></textarea>
            </div>
        </div>

        <!-- 按钮 -->
        <div class="button button-medium " onclick="closeFeedback()" style="position: absolute;left: 25%;top: 80%;">
            取消</div>
        <div id="next_step_btn" onclick="sendFeedback('<?php echo htmlentities($_COOKIE['user']); ?>')" class="button button-action button-medium" style="position:absolute;left: 50%;top: 80%;">
            发送</div>

    </div>

    <?php endif; ?>

</body>

    </div>
    <div class="footer">
        <style>
    a {
        text-decoration: none;
        color: #aaabab;
        text-decoration: none;
    }
    
    a:hover {
        color: #647BFF;
        text-decoration: none;
    }
</style>

<div style="font-size:18px;background-color: #f9f9f9;color:#aaabab;width:100%;/*padding: 20px 0;*/text-align: center;">
    Copyright © <a href="http://localhost/tp5/public/index.php">火花设计思维分享</a> 京ICP备19028873号-1
</div>
    </div>
</div>



<script>
    // 此处应修改，不能直接操作innerHTML，不然echarts绘图空白
    // var s = document.body.innerHTML;
    // s = s.replace(/商业/g, '产业');
    // document.body.innerHTML = s;
</script>


<style>
    * {
        margin: 0;
        padding: 0;
        font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    }
    
    .my_container {
        min-height: 600px;
        padding-bottom: -25px;
        min-width: 925px;
    }
    
    .my_container::after {
        content: "";
        clear: both;
        display: block;
    }
    
    .footer {
        height: 25px;
        min-width: 925px;
    }
    
    button {
        margin-left: 10px;
        border-radius: 20px;
        padding: 12px 23px;
        color: #fff;
        background-color: #409eff;
        border-color: #409eff;
        display: inline-block;
        line-height: 1;
        white-space: nowrap;
        cursor: pointer;
        border: 1px solid #dcdfe6;
        -webkit-appearance: none;
        text-align: center;
        box-sizing: border-box;
        outline: none;
        margin: 0;
        transition: .1s;
        font-weight: 500;
        font-size: 14px;
        font-family: inherit;
        -webkit-writing-mode: horizontal-tb;
        text-rendering: auto;
    }
    
    button:hover {
        background: #66b1ff;
        border-color: #66b1ff;
        color: #fff;
    }
</style>